// less编译流程  1.cd 目录 。 2. 之后 lessc  less文件名.less css文件名.css
// less里的注释  通过 "//" 
// 一、注释 
// 1.是less的注释 ，不会被编译出来
// 2.css注释： 通过less写css的注释 ，会被编译出来
/* 我是css注释 ，注意我会被编译出来 */
// eslint : 代码风格控制工具 var a = 10;

//二、 元素的嵌套语法 
.container{
    width: 300px;
    height: 300px;
    background-color: red;
    .center{
        width: 200px;
        height: 200px;
        background-color: blue;
        .inner{
            width: 100px;
            height: 100px;
            background-color: yellow;
        }
    }
}

// 引用父级元素 
// 通过一个 & 引入父级的元素 
.box{
    width: 100px;
    height: 100px;
    background-color: skyblue;
    &:hover{
        background-color: yellowgreen;
    }
}